<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title>确认订单</title>
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="./css/public.css?v=20181211"/>
    <link rel="stylesheet" href="css/pay-order.css?v=20181211"/>
    <link rel="stylesheet" href="css/pay-order-common.css?v=20181211"/>
    <link rel="stylesheet" href="./css/cxvalidation.css">
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
    <script src='./js/jquery-3.2.1.min.js'></script>
    <script src="./js/mui.min.js"></script>
    <script src="./js/art-template.js"></script>
    <script src="./js/cxvalidation.js"></script>
    <script src="./js/config.js?v=20181211"></script>
    <style>
        .cxvalidation_tip {line-height:2rem!important;font-size: 0.7rem!important;}
    </style>
</head>

<body style="background-color: #F5F5F5">


<div class="mui-off-canvas-wrap mui-draggable">
    <!-- 菜单容器 -->
    <aside class="mui-off-canvas-right" style="box-shadow: 4px 5px 5px #f1f1f1;z-index: 2"> <!--background: #fff;-->
        <div class="mui-scroll-wrapper" style="overflow: auto">
            <div class="mui-scroll" style="padding: 0.5rem">
                <!--地址列表-->
                <div id="address_list_content">

                </div>
            </div>
        </div>
    </aside>
    <!-- 主页面容器 -->
    <div class="mui-inner-wrap" style="overflow-y: auto"> <!--box-shadow: rgb(37, 189, 239) 0px 1px 16px;-->
        <!--<div class="zhezhao none" style="position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.4);z-index: 998;"></div>-->
        <div class="mui-content mui-scroll-wrapper change_bac">
            <div class="mui-scroll">
                <div class='has_address change_bac show_noaddress' style="background: #fff;border: none">
                    <header class="mui-bar mui-bar-nav header_change_color">
                        <a href="city.html" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: #fff"></a>
                        <h1 class="mui-title">确认订单</h1>
                    </header>
                    <div class='mui-content'>
                        <form action="" id="orderForm">
                            <div class="nctouch-main-layout">
                                <div class="header_type">
                                    <div class="nctouch-cart-block" >
                                        <div id="address_content">
                                            <!--正在使用的默认地址Begin-->

                                            <!--正在使用的默认地址End-->
                                        </div>
                                        <div id="time_content"></div>
                                    </div>

                                    <div class="nctouch-cart-block mt5" id="pay_type" style="padding: 0 0 10px 0">
                                        <a href="javascript:void(0);" class="posr" id="select-payment-valve">
                                            <h3><i class="pay"></i>支付方式：</h3>
                                            <div class="current-con">

                                            </div>
                                        </a>
                                    </div>
                                </div>

                                <!--商品列表Begin-->
                                <div class="mt5 ">
                                    <div id="deposit">
                                        <div class="nctouch-cart-container">
                                            <dl class="nctouch-cart-store">
                                                <dt><i class="icon-store"></i> <span id="store_name"></span></dt>
                                            </dl>
                                            <ul class="nctouch-cart-item" id="goods_list">

                                            </ul>
                                            <div class="bac_rgba none"></div>
                                            <div class="nctouch-cart-subtotal">
                                                <div class="message remark-input">
                                                    <input type="text" placeholder="店铺订单留言：" name="description">
                                                    <!--<textarea style="overflow: hidden" type="text" placeholder="店铺订单留言：" name="description"></textarea>-->
                                                </div>
                                                <div class="store-total">
                                                    本店合计<span><em id="storeTotal"></em></span>元
                                                    <!--<p style="float: left;">折后金额<span><em id="storeTotal_one1"></em></span>元</p>-->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--商品列表End-->
                                <!--底部总金额固定层Begin-->
                                <div class="nctouch-cart-bottom">
                                    <div class="total"><span id="online-total-wrapper"></span>
                                        <dl class="total-money">
                                            <dt>合计总金额：</dt>
                                            <dd>￥<em id="totalPrice"></em></dd>
                                            <input type="hidden" name="order_amount" id="order_amount" value="0">
                                        </dl>
                                    </div>
                                    <!--<div class="check-out ok"><a href="javascript:void(0);" id="ToBuyStep2">结算</a></div>-->
                                    <button type="submit" id="ToBuyStep2" class="check-out ok jiesuan" style="">结算</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="mui-off-canvas-backdrop"></div>
    </div>
</div>



<script type="text/html" id="goods_list_data">
    {{each data goods}}
    <li class="buy-item">
        <div class="goods-pic">
            <a href="javascript:;">
                <img src="{{goods.goods_img}}">
            </a>
        </div>
        <dl class="goods-info">
            <dt class="goods-name"><a
                    href="javascript:;">{{goods.goods_name}}</a>
            </dt>
            <dd class="goods-type"></dd>
        </dl>
        <div class="goods-subtotal">
            <span class="goods-price">￥<em>{{goods.goods_price}}</em></span>
        </div>
        <div class="goods-num">
            <em>{{goods.goods_num}}</em>件
        </div>
        <input type="hidden" name="goods_ids[]" value="{{goods.id}}">
        <input type="hidden" name="goods_nums[]" value="{{goods.goods_num}}">
    </li>
    {{/each}}
</script>
<script type="text/html" id="address_data">
    {{each address_list address}}
    {{if address.is_default == 1}}
        <div class="nctouch-cart-add-default show_zhezhao"><a href="javascript:void(0);" id="list-address-valve">
            <i class="icon-add"></i>
            <dl>
                <dt>收货人：<span id="true_name" class="about-name-new">{{address.name}}</span><span class="about_mobile" id="mob_phone">{{address.mobile}}</span></dt>
                <dd><span id="address_detail">{{address.area_info}}{{address.position_address}} {{address.address}}</span></dd>
            </dl>
            <input type="hidden" name="buyer_name"  value="{{address.name}}">
            <input type="hidden" name="mobile" value="{{address.mobile}}">
            <input type="hidden" name="buyer_address" id="buyer_address" value="{{address.area_info}}{{address.position_address}} {{address.address}}">
            <i class="icon-arrow"></i></a>
        </div>
    {{/if}}
    {{/each}}
</script>
<script type="text/html" id="pay_type_data">
    {{if online_pay == 1}}
    <div class="pay_type_wx" {{if offline_pay == 0}} style="float: right;" {{/if}}>
        <input class="pay_type" type="radio" checked id="wx_pay" name="type" value="0">
        <label for="wx_pay" class="label_buttom"></label>
        <span>微信支付</span>
    </div>
    {{/if}}
    {{if offline_pay == 1}}
    <div class="pay_type_na">
        <input class="pay_type" type="radio" name="type" value="1" {{if online_pay == 0}} checked {{/if}} id="native_pay">
        <label class="label_buttom" for="native_pay"></label>
        <span>货到付款</span>
    </div>
    {{/if}}
</script>

<script type="text/html" id="address_list">
    {{each address_list address}}
    <div id="{{address.id}}" class='list_ocntent' style="border-bottom: 1px solid #f1f1f1;margin-bottom: 0.5rem;padding-bottom: 0.5rem;
													display: flex;align-items: center;justify-content: center; display: -webkit-flex;
                                                    -webkit-align-items: center;-webkit-justify-content: center">
        <div style="width: 90%;position: relative" class="backdrop">
            <p style="color: #fff"><span class=''>收货人：{{address.name}}</span> </p>
            <p style="color: #fff"><span>电话：{{address.mobile}}</span></p>
            <p style="color: #fff" class="" >收货地址：{{address.area_info}}{{address.position_address}} {{address.address}}</p>

            <p class="choosed choosed{{address.id}}" style="position: absolute;top: -0.8rem;right: -0.5rem;width: 1.7rem;height: 2rem;background: #25bdef;">
                <span style="color: #fff;font-size: 0.5rem;margin-left: 0.3rem;padding-top: 0.3rem;display: inline-block">默认</span>
                <span class="sanjiao_down"></span>
            </p>
        </div>
    </div>
    {{/each}}
</script>
<script type="text/html" id="time">
    <div style="padding: 0 0.5rem;color: #928f8f">配送时间：
        {{if work_time != undefined && work_time != null && work_time != ''}}
        <span>{{work_time}}</span>
        {{/if}}
        {{if work_time == undefined || work_time == null || work_time == ''}}
        <span>08:00 - 17:00</span>
        {{/if}}
        <span style="margin-left: 0.3rem">超时于第二日送达</span>
    </div>
</script>
<!--mui-content-->
<script src='js/commen.js?v=20181211'></script>
<script src='js/pay-order.js?v=20181211'></script>
</body>

</html>
